<template>
	<div class="changewhite">
		<Row style="margin-top:15px;text-align: left;">   			
		        <Col span="24">
		        	<Card style="width:880px;margin: auto;">
		        		<p slot="title" style="text-align:center">
				              	 新增评价计算
				        </p>
				        <Row style="text-align: center;">   			
		        			<Col span="12">
					        	<span>名称：</span>
								<Input  placeholder="请输入评价名称" style="width:200px"></Input>
		        			</Col>	
		        			<Col span="12">
					        	<span>年级：</span>
								<Select v-model="cardinalNumber" filterable placeholder="输入快速匹配" style="width:200px">
					                <Option v-for="item in cardinalNumberlist" :value="item.value" :key="item.value">{{ item.label }}</Option>
					            </Select>
		        			</Col>
						</Row>
						<Row style="margin-top:10px;text-align: center;">   			
		        			<Col span="12">
					        	<span>基数：</span>
								<Select v-model="cardinalNumber" filterable placeholder="输入快速匹配" style="width:200px">
					                <Option v-for="item in cardinalNumberlist" :value="item.value" :key="item.value">{{ item.label }}</Option>
					            </Select>
		        			</Col>
		        			<Col span="12">
					        	<span>本次：</span>
								<Select v-model="cardinalNumber" filterable placeholder="输入快速匹配" style="width:200px">
					                <Option v-for="item in cardinalNumberlist" :value="item.value" :key="item.value">{{ item.label }}</Option>
					            </Select>
		        			</Col>
		        			<!--<Col span="4">
					        	<Button type="primary"  >计算</Button>
		        			</Col>-->
						</Row>
						<Row style="margin-top:10px;text-align: left;">   			
		        			
		        			<Col span="24" style="text-align: center;">
					        	<Button type="primary"  >计算</Button>
		        			</Col>
						</Row>
				    </Card>
		        </Col>			        
			</Row>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				cardinalNumber:"",
				
				cardinalNumberlist: [
                    {value: 'New York',label: 'New York'},
                    {value: 'London',label: 'London'},
                    {value: 'Sydney',label: 'Sydney'},
                ],
			}
		}
	}
</script>

<style lang="css" scoped>
	.changewhite >>> .ivu-card-body{
		padding: 12px 15px;
		background-color: white;
	}
</style>